<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css</title>
		<style type="text/css">
			<!---显示和隐藏图片的操作--->
		</style>
	</head>
	<body>
	<p>请选择一副图片：</p>
	<div id="container1" style="float:left">
		<dd> <img src="pic1.jpg" width="180" height="250">
			<p>名称：虎</p>
		</dd>
	</div>
	<div id="container2" style="float:left">
		<dd><img src="pic2.jpg" width="180" height="250">
			<p>名称：牛</p>
		</dd>
	</div>
	<form name="myform" style="clear:both">
		<p>
		<input type="button" value="虎" onclick="container1.style.visibility='visible'; container2.style.visibility='hidden'">
		<input type="button" value="牛" onclick="container2.style.visibility='visible'; container1.style.visibility='hidden'">
		</p>
	</form>
	</body>
</html>
